.button{
    /*字体颜色*/
    -fx-text-fill: white;
    -fx-font-family:"DOUYU Font" ;
    -fx-font-size: 15px;
    -fx-background-color: rgba(65, 65, 65, 1.0);
    /*按钮设置为圆角*/
    -fx-background-radius: 0;
}

#avatar{
    -fx-background-color: rgba(0,0,0,0);
    -fx-font-size: 12;
    -fx-background-radius: 100%;
}

.button-avatar{
    -fx-background-radius: 40;
    -fx-background-color: #408040;
}

#clear{
    -fx-background-radius: 30;
    -fx-background-size: 5;
    -fx-font-size: 12px;
}

#clicked{
    -fx-background-color: black;
    -fx-font-weight: bolder;
}

/*用于上方菜单栏的日间模式*/
#button-day{
    -fx-background-color: white;
    -fx-text-fill: #373737;
    -fx-font-size: 15px;
    -fx-background-radius: 10;

}

/*用于上方菜单栏的夜间模式*/
#button-night{
    -fx-background-color: #323232;
    -fx-text-fill: white;
    -fx-font-size: 15px;
    -fx-background-radius: 10;

}

.ListView{
    -fx-pref-tile-height: 600;
    -fx-pref-width: 320;
}

#ListView-day{
    -fx-background-color: white;
}

#ListView-night{
    -fx-background-color: gray;
}

#button-day:hover,#button-night:hover{
    -fx-text-fill: #3780ef;
}

/*伪类选择器*/
.button:hover{
    -fx-background-color: #000000;
}



.text-field{
    -fx-background-radius: 10;
}


#SimSun{
    -fx-font-family: "SimSun";
}
#Xihei {
    -fx-font-family: "KaiTi";
}
#LiSu {
    -fx-font-family: "隶书";
}
#YouYuan {
    -fx-font-family: "幼圆";
}
#Caiyun{
    -fx-font-family: "华文彩云";
}
#Hupo{
    -fx-font-family: "华文琥珀";
}
#Yaoti{
    -fx-font-family: "方正姚体";
}
#Xinwei{
    -fx-font-family: "华文新魏";
}
#ShuTi{
    -fx-font-family: "方正舒体";
}
.list-view{
    -fx-pref-height: 450px;
    -fx-pref-width: 270px;

}


.list-cell{
    -fx-pref-height: 175px;
    -fx-font-size: 40px;
    -fx-alignment: center;
}
.list-cell:hover{
    -fx-background-color: rgb(200,200,200);
}
.list-cell:selected{
    -fx-background-color: rgb(150,150,150);
}

.list-view .scroll-bar:vertical,
.list-view .scroll-bar:horizontal{
    -fx-pref-width: 0;
}
#layoutLabel{
    -fx-pref-height: 30px;
    -fx-pref-width: 355px;
    -fx-background-color: rgb(210, 210, 210);
    -fx-font-family: "幼圆";
    -fx-font-size: 16px;
}
#labelColor{
    -fx-text-fill: rgb(130,130,130);
}
#Pink{
    -fx-background-color: pink;
    -fx-pref-width: 50px;
    -fx-pref-height: 30px;
}
#Pink:hover{
    -fx-background-color: rgb(241, 152, 152);
}
#Black{
    -fx-background-color: black;
    -fx-pref-width: 50px;
    -fx-pref-height: 30px;
}
#Black:hover{
    -fx-background-color: rgb(65,65,65);;
}
#Blue{
    -fx-background-color: rgb(62, 208, 231);
    -fx-pref-width: 50px;
    -fx-pref-height: 30px;
}
#Blue:hover{
    -fx-background-color: rgb(80, 154, 241);
}
#Default{
    -fx-background-color: rgb(65,65,65);
    -fx-pref-width: 50px;
    -fx-pref-height: 30px;
}
#Default:hover{
    -fx-background-color: black;
}
#layoutOne{
    -fx-pref-width: 120px;
    -fx-pref-height: 100px;
    -fx-background-color: rgba(0,0,0,0);
}
#layoutTwo{
    -fx-pref-width: 120px;
    -fx-pref-height: 100px;
    -fx-background-color: rgba(0,0,0,0);
}
#layoutOne:hover,#layoutTwo:hover{
    -fx-background-color: rgba(170,170,170,0.5)
}
#LabelCss{
    -fx-font-family: "幼圆";
    -fx-font-size: 12px;
}



